<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <link rel="stylesheet" href="../css/layabox.css">
    <title>Document</title>
</head>
<body>
    <nav class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="../../src/S-logo.png" alt="logo"></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="../../index.html">首页<span class="sr-only">(current)</span></a></li>
                    <li class="active"><a href="#">Laya家族</a></li>
                    <li><a href="./layagame.html">游戏</a></li>
                    <li><a href="./news.html">新闻动态</a></li>
                    <li><a href="#">开发者中心</a></li>
                    <li><a href="#">开发者社区</a></li>
                    <li><a href="#">开放平台</a></li>
                    <li><a href="./aboutus.html">关于我们</a></li>

                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                            aria-expanded="false">Language<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">中文</a></li>
                            <li><a href="#">英文</a></li>

                        </ul>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    <section class="layaboxgreen">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div class="greenbox">
                        <p><span>1</span>LayaFlash</p>
                        <p>直接用Flash AS3语言开发HTML5的引擎 </p>
                        <p>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发 HTML5产品；</p>
                        <p>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业 进入HTML5市场低成本、无门槛；</p>
                        <p>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</p>
                        <div class="download">
                            <button>进入下载</button>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 greenimg hidden-xs">
                    <img src="../../src/L-pic1.png" alt="">
                </div>
            </div>
        </div>
    </section>

    <section class="layaboxblue">
        <div class="container">
            <p><span>2</span>LayaPlayer</p>
            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 hidden-xs L-pic2">
                    <img src="../../src/L-pic2.png" alt="">
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 blueboxtext">
                    <p>极强性能</p>
                    <p>C语言编写的HTML5运行器，逻辑渲染双核运
                        行、GPU加速渲染、内存显存智能管理、渲染流程极致优化，基于LayaPlayer运行的HTML5产品性能媲美APP</p>
                    <p>更小，更多，更强</p>
                    <p>不足20K的HTML5运行器，拥有超过5亿的动设备安装量，已嵌入到QQ浏览器、QQ空间、百
                    度浏览器、新浪微博、猎豹浏览器等20多家主流
                    平台。</p>

                </div>
                <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 hidden-xs L-pic3">
                    <img src="../../src/L-pic3.png" alt="">
                    
                </div>
            </div>
        </div>
    </section>

    <section class="layaboxwhite">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div class="whitetext">
                        <p><span>3</span>LayaAir</p>
                        <p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
                        <p class="soblue">小巧强大</p>
                        <p class="so">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
                        <p class="soblue">应用领域更广泛</p>
                        <p class="so">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
                        <p class="soblue">多语言开发</p>
                        <p class="so">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
                    </div>
                    <div class="whiteimg">
                        <img src="../../src/L-pic4.png" alt="">
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div class="whitetext">
                        <p><span>4</span>LayaAir</p>
                        <p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
                        <p class="soblue">小巧强大</p>
                        <p class="so">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
                        <p class="soblue">应用领域更广泛</p>
                        <p class="so">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
                        <p class="soblue">多语言开发</p>
                        <p class="so">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
                    </div>
                    <div class="whiteimg">
                        <img src="../../src/L-pic5.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="layaboxwhite gray">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div class="whitetext">
                        <p><span>5</span>LayaAir</p>
                        <p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
                        <p class="soblue">小巧强大</p>
                        <p class="so">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
                        <p class="soblue">应用领域更广泛</p>
                        <p class="so">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
                        <p class="soblue">多语言开发</p>
                        <p class="so">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
                    </div>
                    <div class="whiteimg">
                        <img src="../../src/L-pic6.png" alt="">
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div class="whitetext">
                        <p><span>6</span>LayaAir</p>
                        <p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
                        <p class="soblue">小巧强大</p>
                        <p class="so">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功 能，性能媲美APP</p>
                        <p class="soblue">应用领域更广泛</p>
                        <p class="so">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
                        <p class="soblue">多语言开发</p>
                        <p class="so">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
                    </div>
                    <div class="whiteimg">
                        <img src="../../src/L-pic7.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8">
                    <ul class="contact">
                        <li><a href="#">公司简介</a></li>
                        <li><a href="#">联系方式</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ul>
                    <p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
                    <ul class="message">
                        <li><a href="#"><img src="../../src/S-email.png" alt=""></a></li>
                        <li><a href="#"><img src="../../src/S-wechat.png" alt=""></a></li>
                        <li><a href="#"><img src="../../src/S-qq.png" alt=""></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous">
    </script>
</body>
</html>